<!DOCTYPE html>
<html>

<head>
    <link rel="shortcut icon" href="#">
    <style>
        html,
        body {
            height: 100%;
            width: 100%;
        }
    </style>
    <!--    <link href="./sockets.css" rel="stylesheet" type="text/css">-->

    <script src="https://cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js"></script>
    <!-- development version, includes helpful console warnings -->
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>

    <script src="https://cdn.jsdelivr.net/npm/rete@1.4.5/build/rete.min.js"></script>
    <!--    <script src="https://cdn.jsdelivr.net/npm/rete-vue-render-plugin@1.0.0-rc2/build/vue-render-plugin.min.js"></script>-->
    <script src="https://cdn.jsdelivr.net/npm/rete-vue-render-plugin@0.5.1/build/vue-render-plugin.min.js"></script>

    <script src="https://cdn.jsdelivr.net/npm/rete-connection-plugin@0.9.0/build/connection-plugin.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/rete-context-menu-plugin@0.6.0/build/context-menu-plugin.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/rete-module-plugin@0.4.2/build/module-plugin.min.js"></script>
    <title>dasflow</title>
</head>

<body>
<div class="editor">
    <div class="container">
        <div class="node-editor"></div>
    </div>
    <div class="dock"></div>
    <div class="simulation" id="sim_id" hidden="true">
        <div class="simulation_result" id="sim_res_id" data-placeholder="Press 'save' in menu to see simulation result"></div>
        <button onclick="document.getElementById('sim_res_id').innerHTML = '' ">clear</button>
        <button onclick="document.getElementById('sim_id').hidden = true;
                         document.getElementById('show_button_id').hidden = false;">
            hide
        </button>
    </div>
    <div id="show_button_id">
        <button onclick="document.getElementById('sim_id').hidden = false;
                         document.getElementById('show_button_id').hidden = true;"
                style="width: 100px;">
            show
        </button>
    </div>
</div>
<script type="text/typescript" src="src/main.ts"></script>
</body>

</html>